// 品牌色
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$danger-color: #f5222d;
$info-color: #1890ff;

// 文字颜色
$text-primary: #2c3e50;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #C0C4CC;

// 边框颜色
$border-color-base: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #F2F6FC;

// 背景色
$background-color-base: #f5f5f5;
$background-color-white: #ffffff;
$background-color-dark: #000000;
$background-color-light: #f7f8fa;
$background-color-primary: #1890ff;

// 布局尺寸
$header-height: 60px;
$footer-height: 320px;
$container-width: 1200px;

// 间距
$spacing-mini: 4px;
$spacing-extra-small: 4px;
$spacing-small: 8px;
$spacing-base: 16px;
$spacing-large: 24px;
$spacing-extra-large: 32px;

// 字体大小
$font-size-extra-small: 12px;
$font-size-small: 12px;
$font-size-base: 14px;
$font-size-medium: 16px;
$font-size-large: 18px;
$font-size-extra-large: 24px;

// 圆角
$border-radius-small: 2px;
$border-radius-base: 4px;
$border-radius-large: 8px;
$border-radius-circle: 50%;

// 阴影
$box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
$box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
$box-shadow-dark: 0 2px 16px 0 rgba(0, 0, 0, 0.2);

// 过渡
$transition-duration: 0.3s;
$transition-base: all 0.3s ease-in-out;

// z-index
$z-index-normal: 1;
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070; 